<template>
  <div class="searchInputTable">
    <TsearchInputForm></TsearchInputForm>

    <div class="bottom flex2">
      <TTable
        :searchInputTable="Store.PendingContractTable"
        class="TTable"
      ></TTable>
    </div>
    <div>
      <TPagination
        class="TPagination"
        :searchInputTable="Store.PendingContractTable"
      ></TPagination>
    </div>
  </div>
</template>

<script setup lang="ts">
import TsearchInputForm from "./searchInputForm/index.vue";
import TTable from "../../components/Table/index.vue";
import TPagination from "../../components/Pagination/index.vue";
import { useCounterStore } from "../../pinia/index";
import { getPendingContractTable } from "../../http/api/PendingContract/index";
let Store = useCounterStore();
getPendingContractTable().then((res) => {
  Store.PendingContractTable = res.data;
});
</script>

<style lang="scss" scoped>
.searchInputTable {
  flex: 1;
}
.top {
  height: 150px;
  width: 100%;
}
.bottom {
  width: 100%;
  height: 450px;
  background-color: #fff;
  margin-top: 5px;
}

.TTable {
  width: 98%;
  margin: 0 auto;
}
.TPagination {
  float: right;
}
</style>
